$(function() {
	window.onload = function() {
		var vue = new Vue({
				el: '#myModal',
				data: {
					userName: '',
					userPhone: '',
					userPassword: '',
				},
				methods: {
					// 1、打开模态框
					showModal: function() {
						console.log('-------准备打开模态框---------');
						//bootstrap的专门语法
						$('#myModal').modal({
							'backdrop': 'static',
						});
					},

					//2、当点击注册按钮的时候干的事情
					register: function() {

						var url = getRootPath() + 'user/register';

						// url=发送请求的链接，和后端匹配
						// 第二个参数规定是对象：{元素名:元素}    要传给后台的数据
						axios.post(url, {
							phone: this.userPhone,
							password: this.userPassword,
							name: this.userName
						}).then(function(backdatas) {
							console.log(backdatas);

							var code = backdatas.data.code;
							console.log(code);


							// 拿到后台返回的数据
							var data = backdatas.data.data;
							console.log(data);


							var message = backdatas.data.message;
							console.log(message);

							if (code == 200) {
								//说明登陆成功
								//alert('success');

								//1 关闭模态框
								$('#myModal').modal('hide');

								var link= "login-vue.html?phone="+data
								window.location.href = link

							} else {
								//注册失败
								//alert('111');
								//1 给予提示
								//$('#errorModal').modal('static');
								/* $('#errorModal').modal({
									'backdrop': 'static',
								}); */

								alert(message + '\n' + "用户账号已存在或账号格式输入错误");
								location.reload();
							}
						});
					}
				},
		});
	vue.showModal();

}

});
